var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
import { areaList } from '../../miniprogram_npm/@vant/area-data/index';
var qqmapsdk = new QQMapWX({
  key: 'RNJBZ-3GI64-ADTUQ-XAM3T-P67NF-SQFXP' // 必填
});

Page({
  /**
   * 页面的初始数据
   */
  data: {
    areaList: areaList,
    show: false,
    popup: false,
    address: '',
    region: '',
    username: '',
    phone: '',
    addressList: [],
    markers: []
  },

  handleShow(e) {
    console.log(e, 111111);
    if (e.type !== 'tap') {
      this.setData({
        show: false
      })
    } else {
      this.setData({
        show: true
      })
    }
  },
  preservation(e) {
    console.log(e, 123);
  },
  GetAddress() {
    var _this = this
    wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success: function (res) {
        console.log(res, 123);
        var latitude = res.latitude//纬度
        var longitude = res.longitude//经度
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: latitude,
            longitude: longitude
          },
          success: function (res) {//成功后的回调
            let address = res.result.address
            qqmapsdk.search({
              keyword: address,
              location: {
                latitude: latitude,
                longitude: longitude
              },  //设置周边搜索中心点
              success: function (res) { //搜索成功后的回调
                console.log(res, 78978);
                var mks = []
                for (var i = 0; i < res.data.length; i++) {
                  mks.push({ // 获取返回结果，放到mks数组中
                    address: res.data[i].address,
                    title: res.data[i].title
                  })
                }
                console.log(mks, 7777777777);
                _this.setData({ //设置markers属性，将搜索结果显示在地图中
                  markers: mks,
                  popup: true
                })
              },
              fail: function (res) {
                console.log(res);
              },
            });
          }
        })
      },
    })
  },
  close() {
    this.setData({
      popup: false
    })
  },

  address(e) {
    let { title } = this.data.markers[e.target.id]
    this.setData({
      address: title,
      popup: false
    })
  },

  handleConfirm(e) {
    console.log(e, 4444);
    console.log(e.detail.values);
    var region = ''
    for (var i = 0; i < e.detail.values.length; i++) {
      region += e.detail.values[i].name + ' '
    }
    this.setData({
      region: region,
      show: false
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})